<%--
  Created by IntelliJ IDEA.
  User: 赖国荣
  Date: 2020/3/4
  Time: 17:05
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
    <title>登录 | 天眼电影</title>
    <!--[if lt IE 9]>
    <script src="//s0.meituan.net/bs/jsm/?f&#x3D;fe-sso-fs:build/page/vendor/html5shiv.min.js"></script>
    <![endif]-->
    <script src="//s0.meituan.net/bs/jsm/?f&#x3D;fe-sso-fs:build/page/vendor/jquery-1.11.3.min.js"></script>
    <style type="text/css">
        .bgcolor-body,
        .bgcolor-footer, html {
            background-color: #EEE
        }

        .cf:after, .plus:after, .plus:before, .theme--maoyan_pianfang footer:before, q:after, q:before {
            content: ''
        }

        .color-link {
            color: #2bb8aa
        }

        .color-highlight {
            color: #f76120
        }

        .color-text {
            color: #666
        }

        .color-title {
            color: #333
        }

        .color-weaken {
            color: #999
        }

        .bdcolor-gray__weaken {
            border-color: #EEE
        }

        .bdcolor-gray__light {
            border-color: #DDD
        }

        .cf {
            zoom: 1
        }

        .cf:after {
            display: block;
            clear: both;
            height: 0;
            overflow: hidden;
            visibility: hidden
        }

        .pull-right {
            float: right
        }

        .pull-left {
            float: left
        }

        blockquote, body, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul {
            margin: 0;
            padding: 0
        }

        table {
            border-collapse: collapse;
            border-spacing: 0
        }

        fieldset, img {
            border: 0
        }

        address, caption, cite, code, dfn, em, var {
            font-style: normal;
            font-weight: 400
        }

        li {
            list-style: none
        }

        caption, th {
            text-align: left
        }

        h1, h2, h3, h4, h5, h6 {
            font-size: 100%
        }

        abbr, acronym {
            border: 0;
            font-variant: normal
        }

        sup {
            vertical-align: text-top
        }

        sub {
            vertical-align: text-bottom
        }

        input, select, textarea {
            font-family: inherit;
            font-size: inherit;
            font-weight: inherit
        }

        legend {
            color: #333
        }

        body {
            font: 400 14px/1.5 'Hiragino Sans GB', 'WenQuanYi Micro Hei', tahoma, sans-serif;
            color: #666;
            background-color: #fff
        }

        a {
            color: #FE8C00;
            text-decoration: none
        }

        h1, h2, h3, h4, h5, h6 {
            font-family: 'Hiragino Sans GB', ' Microsoft YaHei', 'WenQuanYi Micro Hei', arial, sans-serif;
            color: #333;
            -webkit-font-smoothing: antialiased
        }

        input[type=password] {
            font-family: arial, sans-serif
        }

        .headline {
            margin-bottom: 19px;
            border-bottom: 2px solid #DDD;
            color: #333;
            font-size: 18px;
            font-family: 'Hiragino Sans GB', ' Microsoft YaHei', 'WenQuanYi Micro Hei', arial, sans-serif
        }

        .f4, .f5 {
            font-family: "Hiragino Sans GB", " Microsoft YaHei", "WenQuanYi Micro Hei", arial, sans-serif
        }

        .headline .headline__content {
            display: inline-block;
            zoom: 1;
            margin-bottom: -2px;
            border-bottom: 2px solid #333;
            padding: 12px 0;
            text-align: left
        }

        .headline--simple {
            border-bottom-width: 1px;
            padding: 12px 0
        }

        .sysmsgw {
            width: 918px;
            margin: 10px auto 0
        }

        .common-tip {
            position: relative;
            margin-bottom: 10px;
            padding: 10px 30px;
            border: 1px solid #f5d8a7;
            border-radius: 2px;
            background: #fff6db;
            font-size: 14px;
            text-align: center;
            color: #666;
            zoom: 1
        }

        .common-tip em {
            color: #f76120
        }

        .common-tip .common-close {
            position: absolute;
            top: 12px;
            right: 15px
        }

        @media (max-width: 600px) {
            .sysmsgw {
                width: 100%
            }

            .common-tip {
                padding: 10px 0
            }
        }

        .f-input, .f-text, .f-textarea {
            padding: 3px 4px;
            font-size: 14px;
            border-style: solid;
            border-width: 1px
        }

        .f-input {
            border-color: #FFC300
        }

        .f-text {
            border-color: #FE8C00
        }

        .f-textarea {
            border-color: #777 #ccc #ddd
        }

        .f-select {
            font-size: 14px;
            padding: 3px 0 3px 4px;
            border-color: #FFC300;
            border-style: solid;
            border-width: 1px
        }

        .f-submit {
            padding: 4px 12px;
            border: 2px solid #2bb8aa;
            background: #2bb8aa;
            color: #fff;
            letter-spacing: 1px;
            cursor: pointer
        }

        input.disabled {
            border: 1px solid #ccc;
            background: #eee;
            color: #999;
            cursor: default
        }

        .form {
            margin: 0 0 10px;
            position: relative
        }

        .form .validate-info {
            margin: 10px auto;
            padding: 10px;
            border: 1px solid #f5d8a7;
            border-radius: 2px;
            background: #fff6db;
            font-size: 12px
        }

        .form .email-auto .email-list li, .form .email-auto .email-title {
            padding: 0 5px;
            height: 26px;
            line-height: 200%
        }

        .form .email-auto {
            position: absolute;
            top: 44px;
            left: 110px;
            width: 258px;
            background: #fff;
            overflow: hidden;
            z-index: 1;
            border: 1px solid #ddd;
            box-shadow: 1px 1px 2px #eee;
            color: #666
        }

        .form .email-auto .email-list li {
            cursor: pointer
        }

        .form .email-auto .email-list .current {
            color: #000;
            background: #eee
        }

        .form-field {
            position: relative;
            padding: 8px 0 8px 110px;
            zoom: 1
        }

        .form-field label {
            position: absolute;
            left: 0;
            width: 100px;
            padding-top: 6px;
            font-size: 14px;
            text-align: right;
            color: #333
        }

        .form-field label .required {
            color: #C00
        }

        .form-field label.text {
            padding-top: 0
        }

        .form-field label.normal {
            position: static;
            width: auto;
            padding: 0;
            font-size: 12px;
            text-align: left
        }

        .form-field .f-text {
            width: 248px;
            height: 24px;
            padding: 5px;
            border: 1px solid #aaa;
            line-height: 24px;
            vertical-align: top
        }

        .form-field .f-text--small {
            width: 188px
        }

        .form-field .f-text--captcha {
            width: 62px
        }

        .form-field .f-text-disabled {
            color: #bbb;
            filter: alpha(Opacity=75);
            opacity: .75
        }

        .form-field .f-textarea {
            width: 248px;
            height: 100px;
            padding: 5px;
            border: 1px solid #AAA
        }

        .form-field select {
            margin: 0 auto
        }

        .form-field .f-text:hover, .form-field .f-textarea:hover {
            border-color: #999
        }

        .form-field .f-text:focus, .form-field .f-textarea:focus {
            border-color: #FFC300;
            outline: 0
        }

        .form-field .inline-tip {
            display: inline-block;
            margin-left: 4px;
            padding: 6px 0;
            line-height: 24px;
            font-size: 12px;
            color: #999;
            vertical-align: top;
            zoom: 1
        }

        .form-field .desc {
            margin-top: 3px
        }

        .form-field .tip {
            display: block;
            font-size: 12px;
            color: #999
        }

        .form-field em {
            font-weight: 700;
            color: #f76120
        }

        .form-field .captcha {
            padding-bottom: 16px
        }

        .form-field .captcha .f-text {
            width: 60px
        }

        .form-field .captcha img {
            height: 34px;
            vertical-align: top;
            border: 1px solid #CCC;
            cursor: pointer
        }

        .form-field .inline-link {
            margin: 0 0 0 4px;
            font-size: 12px;
            line-height: 36px;
            vertical-align: top;
            zoom: 1
        }

        .form-field .block-tip {
            position: absolute;
            top: 45px;
            left: 110px;
            line-height: 17px;
            font-size: 12px;
            color: #f76120
        }

        .form-field .forget-password {
            float: right
        }

        .form-field .pw-strength {
            position: absolute;
            width: 260px;
            top: 50px;
            left: 110px;
            background: #eee
        }

        .form-field .pw-strength .pw-strength__bar {
            background: #d3ebee;
            height: 20px;
            width: 0;
            overflow: hidden;
            transition: all .4s linear;
            -webkit-transition: all .4s linear;
            -moz-transition: all .4s linear;
            -o-transition: all .4s linear
        }

        .form-field .pw-strength .pw-strength__bar--weak {
            width: 85px;
            background: #f76120
        }

        .form-field .pw-strength .pw-strength__bar--normal {
            width: 172px;
            background: #ff8900
        }

        .form-field .pw-strength .pw-strength__bar--strong {
            width: 260px;
            background: #5bab3c
        }

        .form-field .pw-strength .pw-strength__letter {
            position: absolute;
            top: 0;
            left: 0
        }

        .form-field .pw-strength .pw-strength__letter .pw-strength__label {
            display: block;
            float: left;
            text-align: center;
            font-size: 12px;
            height: 20px;
            line-height: 20px;
            width: 85px;
            border-right: 2px solid #fff;
            color: #fff
        }

        .form-field .pw-strength .pw-strength__letter .pw-strength__label--noborder {
            border-right: 0
        }

        .form-field .verify-mobile {
            position: absolute;
            margin-top: 3px;
            left: 110px;
            top: 43px
        }

        .form-field .verify-mobile .verify-tip {
            color: #666;
            font-size: 12px
        }

        .form-field .verify-mobile .error {
            color: #f76120
        }

        .form-field img {
            border: 1px solid #CCC;
            cursor: pointer
        }

        .form-field--higher {
            padding-bottom: 22px
        }

        .form-field--captcha {
            padding-bottom: 16px
        }

        .form-field--captcha .f-text {
            width: 62px
        }

        .form-field--captcha-mobile {
            padding-bottom: 5px;
            height: 38px
        }

        .form-field--verify-mobile {
            padding: 0 0 0 110px;
            margin-bottom: -3px;
            margin-top: -5px
        }

        .form-field--verify-mobile .verify-tip {
            font-size: 12px;
            color: #666
        }

        .form-field--verify-mobile .error {
            color: #f76120
        }

        .form-field--auto-login {
            padding-top: 0;
            font-size: 12px
        }

        .form-field--error .inline-tip, .form-field--ok .inline-tip, .form-field--type .inline-tip {
            color: #666
        }

        .form-field--ok .inline-tip {
            padding: 6px 0;
            border: none
        }

        .form-field--error .block-tip {
            color: #f76120
        }

        .form-field--error .f-textarea, .form-field--error .f-textarea:hover, .form-field--error input.f-text, .form-field--error input.f-text:hover, .form-field--error textarea, .form-field--error textarea:hover {
            border-color: #f76120
        }

        .form-field--icon {
            position: relative
        }

        .form-field--icon .icon {
            position: absolute;
            display: inline-block;
            width: 18px;
            height: 18px;
            top: 16px;
            left: 9px;
            line-height: 18px;
            vertical-align: text-top
        }

        .form-field--icon .f-text {
            padding-left: 33px;
            width: 220px
        }

        .form-field--icon .icon-user {
            background-position: 0 -345px
        }

        .form-field--icon .icon-password {
            background-position: 0 -34px
        }

        .form-field--text {
            padding: 0 0 4px 110px
        }

        .form-field--text .text {
            display: inline-block;
            margin-left: 0;
            line-height: 36px;
            width: 120px;
            vertical-align: top
        }

        .form-field--city .province-city-select select {
            height: 30px;
            margin: 3px 10px 0 0
        }

        .form--stack {
            width: 260px
        }

        .form--stack .form-field {
            padding-left: 0
        }

        .form--stack .btn {
            width: 100%
        }

        .form--stack .login-type i {
            position: absolute;
            top: 50%;
            right: 0;
            margin-top: -7px;
            width: 14px;
            height: 14px;
            background-position: 0 -54px
        }

        .form--stack h2 a, .header, .plus {
            position: relative
        }

        .form--stack h2 {
            font-weight: 400;
            color: #666
        }

        .form--stack h2 a {
            float: right;
            padding-right: 16px;
            font-size: 12px;
            color: #666
        }

        .form--stack .validate-info {
            margin-bottom: 10px;
            padding: 10px;
            border: 1px solid #f5d8a7;
            border-radius: 2px;
            background: #fff6db;
            font-size: 12px
        }

        .form--stack .form-field--ops {
            padding-bottom: 0
        }

        .form--stack .verify-mobile {
            left: 0
        }

        .form--signup .form-field {
            padding-left: 80px
        }

        .form--signup .form-field label {
            width: 70px
        }

        .form--signup .email-auto, .form--signup .form-field .pw-strength, .form--signup .form-field .verify-mobile {
            left: 80px
        }

        .btn, .btn-hot, .btn-normal {
            display: inline-block;
            vertical-align: middle;
            padding: 7px 20px 6px;
            font-size: 14px;
            font-weight: 700;
            -webkit-font-smoothing: antialiased;
            line-height: 1.5;
            letter-spacing: .1em;
            text-align: center;
            text-decoration: none;
            border-width: 0 0 1px;
            border-style: solid;
            background-repeat: repeat-x;
            border-radius: 2px;
            -moz-user-select: -moz-none;
            -ms-user-select: none;
            -webkit-user-select: none;
            user-select: none;
            cursor: pointer
        }

        .btn-disabled, .btn-normal {
            padding-top: 6px
        }

        .btn-mini, .btn-small {
            font-weight: 400;
            -webkit-font-smoothing: initial
        }

        .btn, .btn.active, .btn.hover, .btn:active, .btn:focus, .btn:hover {
            color: #222;
            background-image: linear-gradient(135deg, #FFD000 0, #FFBD00 100%);
            border-width: 0;
            box-shadow: 0 2px 1px rgba(191, 105, 0, .15);
            background-size: 100%
        }

        .btn-hot:active, .btn-hot:focus, .btn-hot:hover, .btn-normal:active, .btn-normal:focus, .btn-normal:hover, .btn:active, .btn:focus, .btn:hover {
            text-decoration: none;
            outline: 0
        }

        .btn {
            filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF2EC3B4', endColorstr='#FF2DB3A6')
        }

        .btn.hover, .btn:focus, .btn:hover {
            filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF2BB8AA', endColorstr='#FF2EB7AA')
        }

        .btn.active, .btn:active {
            filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF2BB8AA', endColorstr='#FF2BB8AA')
        }

        .btn-normal {
            color: #333;
            background-color: #dedede;
            border: 1px solid #e3e3e3;
            border-bottom: 1px solid #aaa;
            filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF7F7F7', endColorstr='#FFDEDEDE');
            background-image: url();
            background-size: 100%;
            background-image: linear-gradient(to bottom, #f7f7f7, #dedede)
        }

        .btn-normal.hover, .btn-normal:focus, .btn-normal:hover {
            color: #333;
            background-color: #e9e9e9;
            border: 1px solid #e5e5e5;
            border-bottom: 1px solid #b3b3b3;
            filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE9E9E9');
            background-image: url();
            background-size: 100%;
            background-image: linear-gradient(to bottom, #fff, #e9e9e9)
        }

        .btn-normal.active, .btn-normal:active {
            color: #333;
            background-color: #efeffe;
            border: 1px solid #ddd;
            border-bottom: 1px solid #aaa;
            filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFDDDDDD', endColorstr='#FFEEEEEE');
            background-image: url();
            background-size: 100%;
            background-image: linear-gradient(to bottom, #ddd, #eee)
        }

        .btn-hot {
            color: #fff;
            background-color: #f76120;
            border-color: #da3f02;
            filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFF8901', endColorstr='#FFF76120');
            background-image: url();
            background-size: 100%;
            background-image: linear-gradient(to bottom, #ff8901, #f76120)
        }

        .btn-hot.hover, .btn-hot:focus, .btn-hot:hover {
            color: #fff;
            background-color: #ff8101;
            border-color: #f76120;
            filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF76120', endColorstr='#FFFF8101');
            background-image: url();
            background-size: 100%;
            background-image: linear-gradient(to bottom, #f76120, #ff8101)
        }

        .btn-hot.active, .btn-hot:active {
            color: #fff;
            background-color: #f76120;
            border-color: #f76120;
            filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF76120', endColorstr='#FFF76120');
            background-image: url();
            background-size: 100%;
            background-image: linear-gradient(to bottom, #f76120, #f76120)
        }

        .btn-disabled, .btn-disabled:focus, .btn-disabled:hover {
            cursor: not-allowed;
            color: #bbb;
            border: 1px solid #eee;
            background-color: #eee;
            filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFEEEEEE', endColorstr='#FFEEEEEE');
            background-image: url();
            background-size: 100%;
            background-image: linear-gradient(to bottom, #eee, #eee)
        }

        .login-section .oauth-wrapper .third-login-btn, .login-section .phone-input-wrapper .country-area a, .tip-btn {
            cursor: pointer
        }

        .btn-small {
            padding: 3px 20px;
            font-size: 12px;
            border-color: rgba(191, 105, 0, .15)
        }

        .btn-large {
            padding: 5px 20px 4px;
            font-size: 20px;
            font-weight: 400
        }

        .btn-mini {
            padding: 1px 8px 0;
            font-size: 12px
        }

        .select-radio, .ui-radio {
            display: none
        }

        .select-radio + label, .ui-radio + label {
            padding-left: 20px;
            background: url() left center no-repeat;
            display: inline-block
        }

        .select-radio + label:hover, .ui-radio + label:hover, .ui-radio[value=hover] + label, [value=hover].select-radio + label {
            padding-left: 20px;
            background: url() left center no-repeat;
            display: inline-block
        }

        .select-radio:disabled + label, .ui-radio:disabled + label {
            padding-left: 20px;
            background: url() left center no-repeat;
            display: inline-block
        }

        .select-radio:checked + label, .ui-radio:checked + label {
            padding-left: 20px;
            background: url() left center no-repeat;
            display: inline-block
        }

        .select-radio:disabled:checked + label, .ui-radio:disabled:checked + label {
            padding-left: 20px;
            background: url() left center no-repeat;
            display: inline-block
        }

        .select-checkbox, .ui-checkbox {
            display: none
        }

        .select-checkbox + label, .ui-checkbox + label {
            padding-left: 20px;
            background: url() left center no-repeat;
            display: inline-block
        }

        .select-checkbox + label:hover, .ui-checkbox + label:hover, .ui-checkbox[value=hover] + label, [value=hover].select-checkbox + label {
            padding-left: 20px;
            background: url() left center no-repeat;
            display: inline-block
        }

        .select-checkbox:disabled + label, .ui-checkbox:disabled + label {
            padding-left: 20px;
            background: url() left center no-repeat;
            display: inline-block
        }

        .select-checkbox:checked + label, .ui-checkbox:checked + label {
            padding-left: 20px;
            background: url() left center no-repeat;
            display: inline-block
        }

        .select-checkbox:disabled:checked + label, .ui-checkbox:disabled:checked + label {
            padding-left: 20px;
            background: url() left center no-repeat;
            display: inline-block
        }

        .dropdown--small, .ui-select-small {
            font-size: 12px;
            height: 21px;
            padding: 2px 0;
            border: 1px solid;
            border-color: #999 #ddd #ddd #999;
            color: #666
        }

        .dropdown--normal, .ui-select {
            font-size: 12px;
            height: 30px;
            padding: 6px 0;
            border: 1px solid;
            border-color: #999 #ddd #ddd #999;
            color: #666
        }

        .dropdown--large, .ui-select-large {
            font-size: 14px;
            height: 34px;
            padding: 7px 0;
            border: 1px solid;
            border-color: #999 #ddd #ddd #999;
            color: #666
        }

        @media screen and (-webkit-min-device-pixel-ratio: 0) {
            .dropdown--small, .ui-select-small {
                -webkit-appearance: none;
                padding: 2px 22px 2px 10px;
                border-radius: 0;
                background: url() right center no-repeat #fff
            }

            .dropdown--normal, .ui-select {
                -webkit-appearance: none;
                padding: 6px 26px 6px 10px;
                border-radius: 0;
                background: url() right center no-repeat #fff
            }

            .dropdown--large, .ui-select-large {
                -webkit-appearance: none;
                padding: 7px 30px 7px 12px;
                border-radius: 0;
                background: url() right center no-repeat #fff
            }
        }

        .f0-b, .f1-b, .f2-b, .f3-b {
            font-weight: 700
        }

        .f0, .f0-b {
            font-size: 12px
        }

        .f1, .f1-b {
            font-size: 13px
        }

        .f2, .f2-b {
            font-size: 14px
        }

        .f3, .f3-b {
            font-size: 16px
        }

        .f4 {
            font-size: 18px
        }

        .f5 {
            font-size: 28px
        }

        .icon-status-sprite, .tip-status, .tip-status--error, .tip-status--large, .tip-status--large--error, .tip-status--large--opinfo, .tip-status--large--success, .tip-status--middle, .tip-status--middle--error, .tip-status--middle--opinfo, .tip-status--middle--success, .tip-status--opinfo, .tip-status--success {
            background-image: url(//s0.meituan.net/bs/file/?f=fe-sso-fs:build/assets/icons.c1b3784.png);
            background-repeat: no-repeat
        }

        .tip-status {
            display: inline-block;
            width: 17px;
            height: 17px;
            margin-right: 5px;
            overflow: hidden;
            background-position: 0 -191px;
            vertical-align: -3px
        }

        .tip-status--error {
            background-position: 0 -86px
        }

        .tip-status--opinfo {
            background-position: 0 -296px
        }

        .tip-status--success {
            background-position: 0 -453px
        }

        .tip-status--large {
            width: 50px;
            height: 50px;
            background-position: 0 -105px
        }

        .tip-status--large--error {
            background-position: 0 0
        }

        .tip-status--large--opinfo {
            background-position: 0 -210px
        }

        .tip-status--large--success {
            background-position: 0 -367px
        }

        .tip-status--middle {
            width: 32px;
            height: 32px;
            background-position: 0 -157px
        }

        .tip-status--middle--error {
            background-position: 0 -52px
        }

        .tip-status--middle--opinfo {
            background-position: 0 -262px
        }

        .tip-status--middle--success {
            background-position: 0 -419px
        }

        .tip-btn-wrapper {
            text-align: right;
            margin-top: 10px
        }

        .tip-btn {
            margin-left: 16px;
            border: 1px solid #f7b84f;
            padding: 2px;
            border-radius: 3px;
            margin-top: 10px
        }

        body, html {
            background: #FFF
        }

        .theme--banma_huoban .footer .copyright {
            text-align: center;
            color: #ccc
        }

        .theme--banma_huoban .footer .copyright .link, .theme--banma_huoban .footer .copyright a {
            color: #ccc
        }

        .theme--jiaoma .header .site-logo {
            width: 130px;
            height: 60px;
            background-position: -258px -748px;
            background-image: url('${pageContext.request.contextPath}/movie/frontimg/fox.jpg');
            background-size: initial
        }

        .theme--jiaoma .footer .copyright {
            text-align: center;
            color: #ccc
        }

        .theme--jiaoma .footer .copyright .link, .theme--jiaoma .footer .copyright a {
            color: #ccc
        }

        .theme--jinrong .btn, .theme--jinrong-mobile .btn {
            border-color: #da3f02;
            color: #FFF;
            background: #ff8901;
            background: linear-gradient(to bottom, #ff8901 0, #f76120 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8901', endColorstr='#f76120', GradientType=0)
        }

        .theme--jinrong .login-section {
            background: #0b9788
        }

        .theme--jinrong .login-section .treaty-block {
            color: #FFF
        }

        .theme--jinrong a {
            color: #f76120
        }

        .theme--mall .btn {
            background: #58CABF;
            border: none;
            color: #FFF
        }

        .theme--mall a {
            color: #54CABF
        }

        .theme--mall .form-field .f-text {
            border-color: #D5D5D5;
            color: #555
        }

        .theme--mall .login-section .form-field--auto-login .forget-password {
            float: left;
            color: #888;
            text-decoration: underline
        }

        .theme--mall .login-section .form-field--auto-login .normal {
            float: right;
            color: #888
        }

        .theme--mall .login-section .signup-guide {
            color: #555
        }

        .theme--mall .login-section .signup-guide a {
            float: right
        }

        .theme--maoyan_pianfang .header {
            margin-left: 40px !important
        }

        .theme--maoyan_pianfang .header.cf .site-logo {
            width: 239px;
            height: 29px;
            background-position: -624px -677px;
            background-image: url(${pageContext.request.contextPath}/movie/frontimg/fox.jpg);
            text-indent: -200px
        }

        .theme--maoyan_pianfang .btn {
            background: #f34d41 !important
        }

        .theme--maoyan_pianfang .promotion-banner {
            display: none !important
        }

        .theme--maoyan_pianfang .site-body-wrapper {
            margin-bottom: 30px;
            padding-top: 50px;
            background-position: 0 0;
            background-image: url(//s0.meituan.net/bs/file/?f=fe-sso-fs:build/assets/sp-normal.2ee5c09.png);
            height: 440px;
            width: auto;
            background-color: #08658b;
            background-repeat: no-repeat
        }

        .theme--maoyan_pianfang .site-body {
            width: auto !important
        }

        .theme--maoyan_pianfang .login-section {
            padding: 0 35px 40px;
            background-color: #3e729c;
            float: right !important;
            margin-right: 210px
        }

        .theme--maoyan_pianfang .login-section .signup-guide {
            display: none;
            color: #fff
        }

        .theme--maoyan_pianfang .login-section a, .theme--maoyan_pianfang .login-section label {
            color: #fff
        }

        .theme--maoyan_pianfang .login-section .oauth-wrapper .title {
            background: #3e729c;
            color: #fff
        }

        .theme--maoyan_pianfang footer:before {
            display: block;
            margin-bottom: 30px;
            width: 1250px;
            height: 186px;
            background-position: 0 -491px;
            background-image: url(//s0.meituan.net/bs/file/?f=fe-sso-fs:build/assets/sp-normal.2ee5c09.png)
        }

        .theme--maoyan_pianfang .copyright {
            display: none !important
        }

        .theme--maoyan .header .site-logo {
            width: 230px;
            height: 45px;
            background-position: -394px -677px;
            background-image: url(//s0.meituan.net/bs/file/?f=fe-sso-fs:build/assets/sp-normal.2ee5c09.png);
            background-size: initial
        }

        .theme--maoyan .header--mini {
            border-bottom-color: #e02025
        }

        .theme--maoyan .header--mini .site-logo {
            width: 133px;
            background-position: -536px -748px;
            background-image: url(${pageContext.request.contextPath}/movie/frontimg/fox.jpg);
            height: 40px;
            margin-top: -2px
        }

        .theme--maoyan .footer .copyright {
            text-align: center;
            color: #ccc
        }

        .theme--maoyan .footer .copyright .link, .theme--maoyan .footer .copyright a {
            color: #ccc
        }

        .theme--maoyan .btn {
            border: #e02025;
            color: #FFF;
            background: #ec454a;
            background: linear-gradient(to bottom, #ec454a 0, #e02025 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ec454a', endColorstr='#e02025', GradientType=0)
        }

        .theme--maoyan .link, .theme--maoyan a {
            color: #ec454a
        }

        .theme--maoyan .login-section .login-type i {
            width: 10px;
            height: 13px;
            background-position: -1268px -509px;
            background-image: url(//s0.meituan.net/bs/file/?f=fe-sso-fs:build/assets/sp-normal.2ee5c09.png)
        }

        .theme--maoyan .login-section .login-type--normal i {
            width: 13px;
            height: 12px;
            background-position: -933px -677px;
            background-image: url(//s0.meituan.net/bs/file/?f=fe-sso-fs:build/assets/sp-normal.2ee5c09.png)
        }

        .theme--maoyan .form-field .f-text:focus {
            border-color: #e02025
        }

        .theme--mos .header--mini {
            border-color: #18f
        }

        .theme--mos .header--mini .site-logo {
            width: 90px;
            width: 280px;
            height: 71px;
            background-position: -114px -677px;
            background-image: url(${pageContext.request.contextPath}/movie/frontimg/fox.jpg);
            transform: scale(.5);
            transform-origin: 0 0;
            -ms-transform: scale(.5);
            -ms-transform-origin: 0 0;
            -moz-transform: scale(.5);
            -moz-transform-origin: 0 0;
            -webkit-transform: scale(.5);
            -webkit-transform-origin: 0 0;
            -o-transform: scale(.5);
            -o-transform-origin: 0 0
        }

        .theme--mos .header--mini .wrapper {
            height: 36px
        }

        .theme--mos .footer .copyright {
            text-align: center;
            color: #ccc
        }

        .theme--mos .footer .copyright .link, .theme--mos .footer .copyright a {
            color: #ccc
        }

        .theme--mos .btn {
            border-color: #004a85;
            color: #FFF;
            background: #18f;
            background: linear-gradient(to bottom, #18f 0, #0077d1 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1188ff', endColorstr='#0077d1', GradientType=0)
        }

        .theme--mos .btn:active {
            background: #18f
        }

        .theme--mos .link, .theme--mos a {
            color: #18f
        }

        .theme--mos .login-section .login-type i {
            width: 14px;
            height: 14px;
            background-position: -905px -677px;
            background-image: url(//s0.meituan.net/bs/file/?f=fe-sso-fs:build/assets/sp-normal.2ee5c09.png)
        }

        .theme--mos .login-section .login-type--normal i {
            width: 14px;
            height: 14px;
            background-position: -863px -677px;
            background-image: url(//s0.meituan.net/bs/file/?f=fe-sso-fs:build/assets/sp-normal.2ee5c09.png)
        }

        .theme--mos .form-field .f-text:focus {
            border-color: #18f
        }

        .theme--waimai_developer .header--mini {
            border-bottom-color: #f76120
        }

        .theme--waimai_developer .header--mini .site-logo {
            width: 128px;
            width: 148px;
            height: 52px;
            background-position: -388px -748px;
            background-image: url(//s0.meituan.net/bs/file/?f=fe-sso-fs:build/assets/sp-normal.2ee5c09.png)
        }

        .theme--waimai_developer .header .site-logo {
            width: 144px;
            height: 60px;
            background-position: -114px -748px;
            background-image: url(${pageContext.request.contextPath}/movie/frontimg/fox.jpg);
            background-size: initial
        }

        .theme--waimai_developer .footer .copyright {
            text-align: center;
            color: #ccc
        }

        .theme--waimai_developer .footer .copyright .link, .theme--waimai_developer .footer .copyright a {
            color: #ccc
        }

        .theme--waimai_developer .btn {
            border-color: #fe4d3d;
            color: #FFF;
            background: #fe4d3d
        }

        .theme--waimai_developer .link, .theme--waimai_developer a {
            color: #fe4d3d
        }

        .theme--waimai_developer .site-body-wrapper {
            width: 100%;
            background-color: #eef5ff
        }

        .theme--waimai_developer .login-block--pc, .theme--waimai_developer .login-section {
            background: 0 0
        }

        .theme--waimai_developer .login-section .validate-info {
            border-color: #EEE;
            background: #f6f6f6
        }

        .theme--waimai_developer .login-section .login-type i {
            width: 10px;
            height: 13px;
            background-position: -1268px -491px;
            background-image: url(//s0.meituan.net/bs/file/?f=fe-sso-fs:build/assets/sp-normal.2ee5c09.png)
        }

        .theme--waimai_developer .login-section .login-type--normal i {
            width: 14px;
            height: 12px;
            background-position: -919px -677px;
            background-image: url(//s0.meituan.net/bs/file/?f=fe-sso-fs:build/assets/sp-normal.2ee5c09.png)
        }

        .theme--waimai .footer .copyright {
            text-align: center;
            color: #ccc
        }

        .theme--waimai .footer .copyright .link, .theme--waimai .footer .copyright a {
            color: #ccc
        }

        .theme--waimai .header--mini {
            border-bottom-color: #FFD705
        }

        .theme--waimai .header--mini .site-logo {
            width: 148px;
            background-position: -388px -748px;
            background-image: url(${pageContext.request.contextPath}/movie/frontimg/fox.jpg);
            height: 44px;
            margin-top: -2px
        }

        .theme--waimai .header--mini .site-name {
            margin-top: 20px;
            color: #694F3B;
            line-height: 20px;
            border-left: 1px solid #694F3B
        }

        .theme--waimai .header .site-logo {
            width: 144px;
            height: 60px;
            background-position: -114px -748px;
            background-image: url(${pageContext.request.contextPath}/movie/frontimg/fox.jpg)
        }

        .theme--waimai .btn {
            border-color: #FFD705;
            color: #6B450A;
            background: #FFD705
        }

        .theme--waimai .link, .theme--waimai a {
            color: #FA9700
        }

        .theme--waimai .login-section .validate-info {
            border-color: #EEE;
            background: #f6f6f6
        }

        .theme--waimai .login-section .login-type i {
            width: 10px;
            height: 13px;
            background-position: -1268px -491px;
            background-image: url(//s0.meituan.net/bs/file/?f=fe-sso-fs:build/assets/sp-normal.2ee5c09.png)
        }

        .theme--waimai .login-section .login-type--normal i {
            width: 14px;
            height: 12px;
            background-position: -919px -677px;
            background-image: url(//s0.meituan.net/bs/file/?f=fe-sso-fs:build/assets/sp-normal.2ee5c09.png)
        }

        .theme--waimai .form-field .f-text:focus {
            border-color: #FFD705
        }

        .theme--www .header--mini .site-logo {
            width: 128px;
            background: url(${pageContext.request.contextPath}/movie/frontimg/fox.jpg) no-repeat;
            background-size: contain
        }

        @media (-webkit-min-device-pixel-ratio: 1.5) {
            @supports (background-size:contain) {
                .theme--www .header .site-logo {
                    background: url(${pageContext.request.contextPath}/movie/frontimg/fox.jpg) no-repeat;
                    background-position: 0 !important;
                    background-size: contain !important;
                    width: 130px;
                    height: 47px
                }
            }
        }

        .header {
            width: 980px;
            height: auto;
            margin: 40px auto 30px
        }

        .header .site-logo {
            margin: 0;
            width: 82px;
            height: 54px;
            background-position: -188px -808px;
            background-image: url(${pageContext.request.contextPath}/movie/frontimg/fox.jpg);
            background-repeat: no-repeat;
            background-size: initial;
            float: left;
            display: block;
            display: inline;
            text-indent: -9999px;
            overflow: hidden
        }

        .header .site-des {
            font-size: 22px;
            line-height: 49px;
            color: #888;
            padding-left: 20px;
            margin-left: 20px;
            border-left: 1px solid #DDD
        }

        .footer {
            margin: 0 auto 30px;
            clear: both;
            width: 980px;
            font-size: 12px;
            color: #999
        }

        .footer .site-info-nav {
            margin-bottom: 20px;
            padding: 12px 0;
            border-top: 1px solid #EEE;
            border-bottom: 1px solid #EEE
        }

        .footer .site-info-nav ul {
            float: left;
            width: 594px;
            color: #EEE
        }

        .footer .copyright a, .footer .site-info-nav li a {
            color: #999
        }

        .footer .site-info-nav li {
            float: left;
            margin: 5px 0;
            padding: 0 16px;
            line-height: 14px;
            border-right: 1px solid #EEE
        }

        .footer .site-info-nav .first {
            padding-left: 0
        }

        .footer .site-info-nav .last {
            border-right: none
        }

        .footer .site-info-nav__commitment img {
            vertical-align: top
        }

        .footer .copyright {
            text-align: left;
            clear: both;
            font-size: 12px;
            font-family: initial
        }

        .plus {
            box-sizing: border-box;
            display: inline-block;
            width: 10px;
            height: 10px
        }

        .plus:after, .plus:before {
            pointer-events: none;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            box-shadow: inset 0 0 0 1px
        }

        .login-section .form--stack h2 a, .login-section .login-type a {
            position: relative;
            padding-right: 16px;
            color: #666;
            float: right;
            font-size: 12px
        }

        .plus:before {
            width: 8px;
            height: 1px
        }

        .plus:after {
            height: 8px;
            width: 1px
        }

        .login-section {
            margin: 0 auto;
            width: 270px;
            background: #FFF
        }

        .login-section .validate-info {
            min-height: 18px;
            margin-top: 0
        }

        .login-section .login-type {
            font-weight: 400;
            color: #666
        }

        .login-section .login-type i {
            width: 14px;
            height: 14px;
            background: url(//s0.meituan.net/bs/file/?f=fe-sso-fs:build/assets/mobile.24bd95a.png);
            background-size: contain
        }

        .login-section .login-type--normal i {
            background: url(//s0.meituan.net/bs/file/?f=fe-sso-fs:build/assets/normal.97888a3.png);
            background-size: contain
        }

        .login-section .form--stack {
            width: 270px
        }

        .login-section .form--stack .btn, .login-section .form--stack .btn-hot {
            width: 100%
        }

        .login-section .form--stack h2 {
            font-weight: 400;
            color: #666
        }

        .login-section .form-field {
            padding-left: 0;
            padding-bottom: 8px
        }

        .login-section .form-field--higher {
            padding-bottom: 22px
        }

        .login-section .form-field--verify-mobile {
            padding: 0;
            z-index: 10;
            position: absolute;
            right: 0
        }

        .login-section .form-field--verify-mobile .btn-mini {
            background: 0 0;
            border: none;
            letter-spacing: 0;
            color: #666
        }

        .login-section .form-field--verify-mobile .btn-mini:hover {
            background: 0 0
        }

        .login-section .form-field--verify-mobile .verify-tip {
            font-size: 12px;
            color: #666
        }

        .login-section .form-field--verify-mobile .error {
            color: #f76120
        }

        .login-section .form-field--auto-login {
            padding-top: 0;
            font-size: 12px
        }

        .login-section .form-field--auto-login label {
            font-size: 12px
        }

        .login-section .form-field--auto-login .ui-checkbox + label.normal {
            padding-left: 20px
        }

        .login-section .form-field--auto-login .forget-password {
            float: right
        }

        .login-section .phone-input-wrapper {
            box-sizing: border-box;
            width: 100%;
            padding: 0;
            border: 1px solid #aaa;
            background-color: #fff;
            margin: 8px 0;
            overflow: hidden;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-align: center;
            align-items: center
        }

        .login-section .phone-input-wrapper .phone-input {
            width: 180px;
            padding-left: 5px;
            border: none;
            max-width: 200px !important
        }

        .login-section .phone-input-wrapper .country-area {
            color: #646464;
            display: inline-block;
            text-decoration: none
        }

        .login-section .phone-input-wrapper .right-arrow {
            width: 5px;
            height: 5px;
            display: inline-block;
            border-right: 1px solid #646464;
            border-top: 1px solid #646464;
            transform: rotate(45deg);
            margin-right: 4px;
            position: relative;
            bottom: 2px
        }

        .login-section .phone-input-wrapper.form-field--error {
            border-color: #f76120
        }

        .login-section .phone-input-wrapper.focus {
            border-color: #FFC300
        }

        .login-section .form-field--icon .pw-input, .login-section .form-field--icon .smscode-input {
            width: 230px;
            border-color: #999
        }

        .login-section .form-field--icon .pw-input:focus {
            border-color: #FFC300
        }

        .login-section .form-field--icon .icon-password {
            width: 18px;
            height: 18px;
            background-position: -1250px -527px;
            background-image: url(//s0.meituan.net/bs/file/?f=fe-sso-fs:build/assets/sp-normal.2ee5c09.png)
        }

        .login-section .icon {
            position: absolute;
            display: inline-block;
            width: 18px;
            height: 18px;
            top: 16px;
            left: 9px;
            line-height: 18px;
            vertical-align: text-top
        }

        .login-section .verify-tip {
            font-size: 12px;
            color: #666
        }

        .login-section .verify-tip--error {
            color: #f76120
        }

        .login-section .signup-guide {
            color: #666
        }

        .login-section .treaty-block {
            padding: 10px 0;
            color: #999;
            font-size: 12px
        }

        .login-section .pwdtip-block {
            padding: 0;
            color: #999;
            font-size: 12px
        }

        .login-section .oauth-wrapper {
            margin-top: 20px
        }

        .login-section .oauth-wrapper .title-wrapper {
            position: relative;
            margin-bottom: 30px;
            border-bottom: 1px solid #CCC;
            width: 100%;
            height: 0;
            overflow: visible
        }

        .login-section .oauth-wrapper .title {
            position: absolute;
            top: -10px;
            left: 50%;
            margin-left: -75px;
            width: 150px;
            text-align: center;
            font-size: 14px;
            font-weight: 400;
            color: #666;
            background: #FFF
        }

        .login-section .oauth-wrapper .oauth__link, .login-section .oauth-wrapper .oauth__link--alipay, .login-section .oauth-wrapper .oauth__link--alipay:hover, .login-section .oauth-wrapper .oauth__link--weibo, .login-section .oauth-wrapper .oauth__link--weibo:hover, .login-section .oauth-wrapper .oauth__link:hover {
            width: 18px;
            height: 18px;
            background-image: url(//s0.meituan.net/bs/file/?f=fe-sso-fs:build/assets/sp-normal.2ee5c09.png)
        }

        .login-section .oauth-wrapper .oauth {
            padding-left: 88px
        }

        .login-section .oauth-wrapper .oauth__link {
            float: left;
            margin-right: 20px;
            background-position: -1250px -491px
        }

        .login-section .oauth-wrapper .oauth__link:hover {
            background-position: -1250px -509px
        }

        .login-section .oauth-wrapper .oauth__link--alipay {
            background-position: -1250px -635px
        }

        .login-section .oauth-wrapper .oauth__link--alipay:hover {
            background-position: -1250px -563px
        }

        .login-section .oauth-wrapper .oauth__link--weibo {
            background-position: -1250px -599px
        }

        .login-section .oauth-wrapper .oauth__link--weibo:hover {
            background-position: -1250px -545px
        }

        .form-field--info {
            margin-top: -10px
        }

        .mtdp-login-bg {
            background: rgba(0, 0, 0, .7);
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 100;
            display: none
        }

        .yoda-verify {
            position: absolute;
            top: 50%;
            left: 50%;
            z-index: 200
        }

        .mobile-yoda-verify {
            width: 80%;
            left: 50%;
            transform: translateX(-50%);
            top: 40%;
            position: fixed
        }

        .stick-qrcode {
            position: fixed;
            left: 50%;
            margin-left: 500px;
            z-index: 40
        }

        .stick-qrcode .xiaomei {
            display: block;
            width: 114px;
            height: 255px;
            background-position: 0 -677px;
            background-image: url(//s0.meituan.net/bs/file/?f=fe-sso-fs:build/assets/sp-normal.2ee5c09.png)
        }

        .stick-qrcode .stick-qrcode__pos {
            width: 74px;
            height: 74px;
            background-position: -114px -808px;
            background-image: url(//s0.meituan.net/bs/file/?f=fe-sso-fs:build/assets/sp-normal.2ee5c09.png);
            position: absolute;
            top: 128px;
            left: 17px
        }

        .stick-qrcode .close {
            position: absolute;
            top: 110px;
            right: 6px;
            width: 20px;
            height: 20px
        }

        .zoom-detect-msg {
            position: fixed;
            bottom: 0;
            padding: 10px;
            width: 100%;
            background: #7C8994;
            text-align: center;
            opacity: .85;
            filter: alpha(Opacity=85);
            z-index: 100
        }

        .zoom-detect-msg .content {
            margin-right: 10px;
            font-size: 16px;
            color: #FFF
        }

        .zoom-detect-msg .ignore {
            font-size: 12px;
            text-decoration: underline;
            color: #FFF
        }

        .pg-unitive-login .site-body {
            margin: 0 auto 70px;
            width: 980px
        }

        .pg-unitive-login .promotion-banner {
            float: left;
            height: 370px;
            margin: 0 115px 0 0;
            width: 480px
        }

        .pg-unitive-login .login-section {
            float: left;
            padding-top: 0
        }
    </style>
    <script type="text/javascript">
        if ("${msg}" != null && "${msg}".length > 0) {
            alert("${msg}");
        }

        function check() {
            if ($("#mobile").val() == "") {
                alert("请输入手机号码");
                $("#mobile").focus();
                return false;
            }

            if ($("#password").val() == "") {
                alert("请输入密码");
                $("#password").focus();
                return false;
            }
            return true;
        }
    </script>
</head>

<body class="pg-unitive-login theme--maoyan">
<header class="header cf">
    <img src="${pageContext.request.contextPath}/frontimg/fox.jpg" height="80px">
</header>

<script type="text/javascript">
    var a = "${redirect}"
</script>

<div class="site-body-wrapper">
    <div class="site-body cf">
        <div class="promotion-banner">
            <img src="${pageContext.request.contextPath}/frontimg/loginface.png" width="480" height="370" alt="天眼电影">
        </div>
        <div class="login-section">
            <form id="J-normal-form" method="POST" class="form form--stack"
            <%--                  添加重定向url--%>
                  action="${pageContext.request.contextPath}/front/index/login?redirect=${redirect}"
                  onsubmit="return check();">
                <div class="validate-info" style="visibility:hidden"></div>
                <span class="login-type" data-mtevent="login.mobile.switch">
                        <a id="J-mobile-link" href="javascript:void(0);">
                            手机动态码登录
                            <i></i>
                        </a>
                        账号登录
                    </span>
                <div class="form-field form-field--icon phone-input-wrapper">
                    <span class="country-area">
                        <span class="plus"></span><span>86</span>
                        <i class="right-arrow"></i>
                    </span>
                    <input type="hidden" name="countrycode" value="86">
                    <input type="text" class="f-text phone-input" name="mobile" id="mobile" placeholder="手机号" value=""
                           maxlength="15">
                </div>
                <div class="form-field form-field--icon pw-input-wrapper">
                    <i class="icon icon-password"></i>
                    <input type="password" class="f-text pw-input" name="password" id="password" placeholder="密码">
                </div>
                <div class="form-field form-field--auto-login cf">
                    <a tabindex="-1" href="javascript:void(0);" target="_top" class="forget-password">忘记密码？</a>
                </div>
                <div class="form-field form-field--ops">
                    <input type="submit" class="btn" name="commit" value="登录">
                </div>
                <p class="signup-guide">还没有账号？<a href="${pageContext.request.contextPath}/front/reg.jsp" target="_top">免费注册</a>
                </p>
            </form>

            <form action="${pageContext.request.contextPath}/front/index/login?redirectUrl=${redirect}" method="POST"
                  onsubmit="return check();"
                  class="form form--stack J-wwwtracker-form" style="display:none">
                <div class="validate-info" style="visibility:hidden"></div>
                <span class="login-type login-type--normal" data-mtevent="login.normal.switch">
                            <a id="J-normal-link" href="javascript:void(0);">
                                普通方式登录
                                <i></i>
                            </a>
                            账号登录
                        </span>
                <div class="J-info form-field form-field--icon phone-input-wrapper">
                        <span class="country-area">
                            <span class="plus"></span><span>86</span>
                            <i class="right-arrow"></i>
                        </span>
                    <input type="hidden" name="countrycode" value="86">
                    <input type="text" class="f-text phone-input" name="mobile1" id="mobile1" placeholder="手机号"
                           maxlength="15">
                </div>

                <div class="form-field form-field--icon">
                    <i class="icon icon-password"></i>
                    <input type="text" name="code" id="login-verify-code" class="f-text smscode-input"
                           autocomplete="off" value="" placeholder="动态码">
                    <div class="form-field form-field--verify-mobile" style="top:19px;">
                        <input type="button" class="btn-normal btn-mini" id="J-verify-btn" value="获取手机动态码">
                    </div>

                </div>
                <div class="form-field form-field--info">
                    <span class="verify-tip" id="J-verify-tip"></span>
                </div>
                <div class="form-field form-field--auto-login cf">
                    <a tabindex="-1" href="javascript:void(0);" target="_top" class="forget-password">忘记密码？</a>
                </div>
                <div class="form-field form-field--ops">
                    <input type="submit" class="btn" name="commit" value="登录">
                </div>
            </form>
            <div id="mtdp-login-bg" class="mtdp-login-bg"></div>
            <div id="yodaVerifyRoot" class="yoda-verify"></div>
        </div>
    </div>
</div>
</body>
</html>
